import type { PostListProps } from '@/lib/types'
import React from 'react'
import PostCard from './post-card'

export default function PostList({ posts }: PostListProps) {
    return (
        <div className='mt-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6'>
            {
                posts.map(post => (
                    <PostCard key={post.id} post={post} />
                ))
            }
        </div>
    )
}
